<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
<head>
<title>MQ监控配置</title>
<script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script src="js/mqconfig.js" type="text/javascript"></script>
</head>

<body>
	<div style="padding: 20px;">
		<div class="portlet box blue">
			<div class="portlet-title">
				<div class="caption">
					<i class="icon-reorder"></i>MQ配置
				</div>
			</div>

			<div class="portlet-body form">
				<form class="form-horizontal">
					<div class="control-group">
						<label class="control-label">服务器名</label>
						<div class="controls">
							<input type="text" class="span6 m-wrap" id="servername"/>
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label">主机</label>
						<div class="controls">
							<input type="text" class="span6 m-wrap" id="serverip"/>
						</div>
					</div>
					
					<div class="control-group">
						<label class="control-label">监控端口</label>
						<div class="controls">
							<input type="text" class="span2 m-wrap tooltips" id="port"
								data-trigger="hover" data-original-title="Example:3306" />
						</div>
					</div>

					<div class="control-group">
						<label class="control-label">监控内容</label>
						<div class="controls">
							<select class="span6 m-wrap" data-placeholder="请选择数据库类型"
								tabindex="1" id="content">
								<option value="">请选择</option>
								<option value="TOPIC">TOPIC</option>
								<option value="QUEUE">QUEUE</option>
								<option value="QUEUE+TOPIC" selected="selected">QUEUE+TOPIC</option>  
							</select>
						</div>
					</div>

					<div class="control-group">
						<label class="control-label">监控方式</label>
						<div class="controls">
							<select class="span6 m-wrap" data-placeholder="请选择监控方式"
								tabindex="1" id="mode">
								<option value="">请选择</option>
								<option value="XML" selected = "selected" >XML</option>
								<option value="SDK">SDK</option> 
							</select>
						</div>
					</div>

					<div class="control-group">
						<label class="control-label">消息队列类型</label>
						<div class="controls">
							<select class="span6 m-wrap" data-placeholder="请选择数据库类型"
								tabindex="1" id="mqtype">
								<option value="">请选择</option>
								<option value="ActiveMq" selected = "selected" >ActiveMq</option>
							</select>
						</div>
					</div>

					<div class="form-actions">
						<button type="button" id="saveconfig" class="btn blue">保存配置</button>
					</div>
				</form>
			</div>
		</div>
	</div>

</body>
</html>